import Vue from 'vue'
// 引入element组件，按需引入
import { 
    Button, 
    Form, 
    FormItem, 
    Input, 
    Message, 
    Header, 
    Main, 
    Container, 
    Avatar, 
    Dropdown, 
    DropdownItem, 
    DropdownMenu, 
    Image, 
    Table, 
    TableColumn, 
    Breadcrumb, 
    BreadcrumbItem, 
    InfiniteScroll, Row, Card, Col, Rate } from 'element-ui'

// 注册组件，只需注册一次
Vue.use(Button)
Vue.use(Form) 
Vue.use(FormItem)
Vue.use(Input) // input输入标签
Vue.use(Header) // 容器布局中的Header头部区域
Vue.use(Main) // 容器布局中的Main主内容区域
Vue.use(Container) // 容器布局中的Container
Vue.use(Avatar) // 头像
Vue.use(Dropdown) // 下拉框
Vue.use(DropdownItem) // 下拉框选项
Vue.use(DropdownMenu) // 下拉框选项中的菜单
Vue.use(Image) // 图片
Vue.use(Table) // 表格
Vue.use(TableColumn) // 表中的列
Vue.use(Breadcrumb)  // 面包屑
Vue.use(BreadcrumbItem)  // 面包屑中的每项
Vue.use(InfiniteScroll) // 无限滚动,滚动至底部时，加载更多数据
Vue.use(Row) // 行布局组件
Vue.use(Card) // 卡片组件
Vue.use(Col) // 列布局组件
Vue.use(Rate) // 评分组件

Vue.prototype.$message = Message // 注册Message提示组件
